<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 600px;
            height: 500px;
        }
    </style>
</head>
<body>
        <div>

        </div>
</body>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&key=a30e81d602710a9ca504d1afa787d76a"></script>
<script type="text/javascript">
    var  map = new AMap.Map('container', {
        zoom:11,
        center: [116.397428, 39.90923]
    });
//    添加地图控件
    AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
        function(){
        var toolbar=new AMap.ToolBar();//创建工具条；
        map.addControl(toolbar)//添加到地图；
            var scale=new AMap.Scale()//创建比例尺对象；
            map.addControl(scale);
            //创建鹰眼对象
            var overView=new AMap.OverView({
                isOpen:true
            })
            map.addControl(OverView);
        });
    //添加标记
    marker = new AMap.Marker({
        position:[39.886672,116.656552],
        title:"中心点",
        map: map
    });
</script>
</html>